<template>
    <div class="popcontent">
      <div class="remindcontent">
        <h3>{{this.$route.query.dpName}}</h3>
        <a class="close" @click="closeClick"></a>
        <div class="remindintro">
          <span class="place">{{this.$route.query.itemName}}</span><span class="time">{{this.$route.query.sortDate}}&nbsp;&nbsp;{{this.$route.query.sortTime}}</span>
        </div>
        <p class="attentions" v-if="this.$route.query.itemTip">{{this.$route.query.itemTip}}</p>
        <p class="attentions" v-else>暂无提醒</p>
      </div>
      <div class="f-mask"></div>
    </div>
</template>

<script>
export default {
  name: 'remindPop',
  data () {
    return {

    }
  },
  methods: {
    closeClick () {
      this.$emit('parentCloce', 'a')
    }
  }
}
</script>

<style lang="stylus" scoped>
  .popcontent
    .remindcontent
      text-align:left;
      width: 14.5rem;
      height: 6.75rem;
      background: #fff;
      border-radius: 0.2rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -3.375rem 0 0 -7.25rem;
      z-index: 100;
      box-sizing: border-box;
      padding: 0.4rem;
      h3
        font-size: 36px;
        font-weight:bold;
        font-family: '微软雅黑';
        color: #303133;
        text-align: left;
        margin-bottom: 0.45rem;
      .close
        display: inline-block;
        width: 0.3rem;
        height: 0.3rem;
        background: url(../../../static/images/close.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0.44rem;
        right: 0.4rem;
        cursor: pointer;
      .remindintro
        margin-bottom: 0.4rem;
        .place
          font-size: 0.3rem;
          color: #37c0b0;
          margin-right: 0.8rem;
        .time
          font-size: 0.3rem;
          color: #999;
      .attentions
        font-size: 0.24rem;
        color: #303133;
        line-height: 0.4rem;
        max-height: 4.4rem;
        overflow-y: auto;
    .f-mask
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0,0.5);

</style>
